<template>
	<view class="Authentication" @click="onJumpPage(item.id)">
		<view class="info-img" @click="onPreviewImage(item.imagePhoto)">
			<image class="width-height100" :src="item.imagePhoto" mode=""></image>
		</view>
		<view class="between">
			<view class="dis-cen">
				<view class="color3 size-30">
					<text class="color-9e">申请信息</text>{{item.name}}({{!item.sex*1 ? '女士':'男士' }})
				</view>
				<text class="size-28"
					:style="{color: examine[item.applyStatus].color}">{{examine[item.applyStatus].name}}</text>
			</view>
<!-- 			<view class="color3 size-30"><text class="color-9e">
					申请信息</text>{{item.name}}({{!item.sex*1 ? '女士':'男士' }})
			</view> -->
			<view class="color3 size-30"><text class="color-9e">
					申请身份</text>{{item.applyType == 5 ? '团长':'跑腿员'}} {{item.phoneNumber}}
			</view>
			<view class="color3 size-30" v-if="!item.bool">
				<text class="color-9e">服务小区</text>{{item.communityName}}
			</view>
			<view class="color3 size-30" v-else><text class="color-9e">身份证号</text>{{item.carId}}</view>
			<view class="color3 size-30"><text class="color-9e">提交时间</text>{{item.createTime}}</view>
		</view>
	</view>
</template>

<script>
	import { examine } from "@/utils/enumeration/index"
	export default {
		props: {
			item: {
				type: Object,
				default: {},
			}
		},
		data() {
			return {
				examine
			}
		},
		methods: {
			onJumpPage(id) {
				if (this.item.bool) return
				uni.navigateTo({
					url: `/packageAdmin/review/review-details?id=${id}`
				});
			},
			onPreviewImage(img) {
				this.$emit('previewImage', img)
			}
		}
	}
</script>

<style lang="scss">
	.Authentication {
		display: grid;
		grid-template-columns: 212rpx 1fr;
		padding: 26rpx 20rpx;
		grid-gap: 20rpx;

		.info-img {
			height: 272rpx;
			background: #f6f6f6;
			border-radius: 16rpx;
			overflow: hidden;
		}

		.color-9e {
			margin-right: 20rpx;
		}

		.between {
			padding: 14rpx 0 12rpx;
		}
	}
</style>